<template>
	<view class="content">
		<view class="modifyPer_li">
			<view class="name">我的图像</view>
			<view class="modifyPer_li_Left">
				<!-- <view class="image" @tap="upload"></view> -->
				<image @tap="upload" :src="xphoto"></image>
				<text class="iconfont icon-you"></text>
			</view>
		</view>
		<view class="modifyPer_li">
			<view class="name">昵称</view>
			<view class="modifyPer_li_Left">
				<text class="">巴拉巴拉</text>
				<text class="iconfont icon-you"></text>
			</view>
		</view>
		<view class="modifyPer_li">
			<view class="name">联系电话</view>
			<view class="modifyPer_li_Left">
				<text class="">18562345872</text>
				<text class="iconfont icon-you"></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				xphoto:'../../../static/images/icon_01.png'
			};
		},
		methods:{
// 			upload(){
// 				let that = this;
// 				uni.chooseImage({
// 					count: 1, //默认9
// 					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
// 					sourceType: ['album'], //从相册选择
// 					success: function (res) {
// 						console.log(JSON.stringify(res.tempFilePaths));
// 						that.xphoto:res.tempFilePaths
// 					}
// 				});
// 			}
		}
	}
</script>

<style>
.content{
	padding: 0 20upx; 
	box-sizing: border-box;
	box-shadow: 0 8px 10px -8px #eee inset;
	border-top: 1px solid #eee;
}
.modifyPer_li{
	line-height: 110upx;
	border-bottom: 1px solid #eee;
	height: 110upx;
}
.modifyPer_li .name{
	width: 150upx;
	display: inline-block;
	float: left;
}
.modifyPer_li_Left image{
	height: 70upx;
	width: 70upx;
	border-radius: 50%;
	margin-top: 7upx;
}
.modifyPer_li_Left .image{
	display: inline-block;
	float: left;
}
.modifyPer_li_Left{
	float:right;
	width:450upx;
	text-align:right;
	color: #727272;
/* 	display: flex;
	align-items: center;
	justify-content: space-between; */
}
.iconfont{
	font-weight: 600;
	font-size: 32upx;
	color: #727272;
	margin-left: 10upx;
	float:right;
}
</style>
